<template>
  <div id="app">
    <router-view class="view-router"></router-view>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
import { wxShare } from "@/server/api";
import { GetUrlParame } from "./utils/utils";
export default {
  name: "app",
  computed: {
    ...mapGetters(["param"])
  },
  created() {
    //new this.$vconsole();
    let link = window.location.href.split("#")[0];
    this.wxShare();
  },
  methods: {
    wxShare() {
      let token = GetUrlParame("token");
      let inviterId = GetUrlParame("inviterId");
      let inviterType = GetUrlParame("inviterType");
      let campusId = GetUrlParame("campusId");
      let oid = GetUrlParame("oid");
      let link = window.location.href.split("#")[0];
      let param = {
        url: link
      };

      wxShare(param)
        .then(res => {
          wx.config({
            debug: true, // 开启调试模式
            appId: 'wx52041cab0e7ed0ac', // 必填，公众号的唯一标识
            timestamp: '1710393776', // 必填，生成签名的时间戳
            nonceStr: '123456', // 必填，生成签名的随机串
            signature: 'c1fc58765456d4a50a676ec45c29a7abd50b6bc0', // 必填，签名
            jsApiList: [
              // "updateAppMessageShareData", //自定义“分享给朋友”及“分享到QQ”按钮的分享内容
              // "updateTimelineShareData", //自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容
              "onMenuShareTimeline",
              "onMenuShareAppMessage"
              // "onMenuShareWeibo" //获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
            ] // 必填，需要使用的JS接口列表
          });

          wx.ready(function() {
            let desc = "AI评测帮你多维度分析数据，生成专属你的个性化分析报告";
            let url = link + "cport/tt";
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            let shareData = {
              title: document.title, // 分享标题
              desc: desc, // 分享描述
              link: url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
              imgUrl:
                "https://www.xiaoguoai.cn/imgs/upload/logo/xiaoguobaidi.jpg", // 分享图标(不能赋相对路径，一定要是绝对路径)
              success: function() {},
              fail: function() {},
              computed: function() {}
            };

            // wx.updateAppMessageShareData(shareData);
            // wx.updateTimelineShareData(shareData);
            wx.onMenuShareTimeline(shareData);
            wx.onMenuShareAppMessage(shareData);

            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
          });

          this.wx.error(function(res) {
            alert("分享失败");
            alert(res);
            //config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
          });
        })
        .catch(error => {
          console.log(error);
        });
      //通过ready接口处理成功验证
    }
  }
};
</script>

<style lang="scss" src="./assets/css/global.scss"></style>
